img {
    display: block;
}

* {
    -webkit-overflow-scrolling: touch;
}

button {
    border: none;
}

.headers,
.footers {
    box-sizing: content-box;
    ;
}

.eils {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.font1 {
    font-weight: 500;
}
.bold_m{
    font-weight: bold;
}
.bolds{
    font-weight: 700;
}
.break_all {
    word-break: break-all;
}

.green_text {
    color: #38BB96;
}
.block{
    display: block;
}
.orange_text {
    color: #E8054C;
}

.red_text {
    color: #E8054C;
}

.dark_text {
    color: #C1C1C1;
}

.blue_text {
    color: #3D77E0;
}

.blue_bg {
    background: #3D77E0;
    color: #fff;
}

.green_bg {
    background: #38BB96;
    color: #fff;
}

.orange_bg {
    background: #E8054C;
    color: #fff;
}

.dark_bg {
    background: #C1C1C1;
    color: #fff;
}

.flex {
    display: flex;
}

.flex_column {
    display: flex;
    flex-direction: column;
}

.flex1 {
    flex: 1;
}

.align_center {
    align-items: center;
}

.flex_center {
    justify-content: center;
}

.flex_end {
    justify-content: flex-end;
}

.flex-between {
    display: flex;
    justify-content: space-between;
}

.left_text {
    text-align: left;
}

.right_text {
    text-align: right;
}

.center_text {
    text-align: center;
}

.container_common {
    padding: 0 15px 20px;
    height: 100%;
}

.container_common1 {
    padding: 0 15px;
    height: 100%;
}

.pt_0 {
    padding-top: 0 !important;
}

.border_none {
    border: none !important;
}

input {
    -webkit-appearance: none;
}

@for $i from 1 through 10 {
    .opacity#{$i} {
        opacity: 0.1* $i;
    }
}